<script setup lang="ts">
import type { ContentCategoryTreeResult } from '#/api/cms';

import { defineProps, ref } from 'vue';

import { Operation } from '@element-plus/icons-vue';

interface MenuProps {
  menuData: ContentCategoryTreeResult[];
}

withDefaults(defineProps<MenuProps>(), {
  menuData: () => [],
});

const showFullMenu = ref(false);
</script>

<template>
  <div class="">
    <!-- 圆形动画层 -->
    <div style="padding-top: 30px">
      <el-icon :size="30">
        <Operation />
      </el-icon>
    </div>
    <!-- 全屏导航菜单 -->
    <transition>
      <div v-if="showFullMenu">菜单</div>
    </transition>
  </div>
</template>
